<template>
	<div id="doctorvipAuth1">
		<header>
			<i @click="goBack()"></i>
            <div>会员充值</div>
            <router-link :to='{name: "ImDoctor",query: {type: ""}}'>跳过</router-link>
        </header>
        <div class='border10'></div>
		<ul class='content'>
            <div class='mengceng' v-if="list.length<1">
                <!-- <img src="../../image/no_collection@2x.png" width='110' alt=""> -->
                <p>暂无数据!</p>
            </div>
			<li v-for='(item,index) in list'>
                <div>
                    <div><h1>{{item.type}}</h1><span>{{item.price}}</span></div>
                    <h4>可享受{{item.des}}内免费服务</h4>
                </div>
                <router-link :to='{name: "vipPay",query: {id: item.id,type: item.type}}'>充值</router-link>
            </li>
            <!-- <li>
                <div>
                    <div><h1>VIP会员</h1><span>1000元/年</span></div>
                    <div>可享受60分钟内免费服务</div>
                </div>
                <router-link :to='{name: "vipPay",query: {type: "vip"}}'>充值</router-link>
            </li> -->
          <!--   <li>
                <div>
                    <div><h1>普通会员</h1><span>0元/年</span></div>
                    <div>可享受60分钟内免费服务</div>
                </div>
                <router-link :to='{name: "ImDoctor",query: {type: "putong"}}'>充值</router-link>
            </li>
            <li>
                <div>
                    <div><h1>游侠</h1><span>免费</span></div>
                    <div>可享受60分钟内免费服务</div>
                </div>
                <router-link :to='{name: "ImDoctor",query: {type: "youxia"}}'>充值</router-link>
            </li> -->
        </ul>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				list: [],  //类别列表
			}
		},
		methods: {
			//返回上一级
			goBack() {
                console.log(11);
                // this.$router.push({name: 'doctorAuth'});
                this.$router.back();
            },
            // 获取列表
            getList() {
                this.$api.get(this.$api.baseURLSchool,"selectdata2/doctor_category",{},r => {
                    console.log(r);
                    if(r.data.ret == 1) {
                        this.list = r.data.info
                    }
                },err => {  
                    console.log(err);
                })
            },
		},
		created() {
            this.getList();
		}
	}

</script>
<style lang="scss" scoped>
    .mengceng {
        padding: 40px 0;
        img {
            display: block;
            margin: 0 auto;
        }
        p {
            padding-top: 10px;
            text-align: center;
        }
    }
</style>